.page {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 40vw;
    height: 12.2667vw;
    border: .2667vw solid var(--input-border);

    backdrop-filter: blur(17.5PX);
    background: var(--input-bg);


    border-radius: 2.1333vw;
}

.code {
    display: flex;
    align-items: center;
    padding: 0 4.2667vw;
    width: 63%;
    height: 100%;
}

.input {
    font-size: 3.4667vw;
    font-family: Montserrat-Regular;
    font-weight: 500;
    color: var(--field-text);
    caret-color: var(--field-text);

    :global .weui-input::placeholder {
        color: var(--placeholder-text);
    }
}

.send {
    cursor: pointer;
    font-size: 2.933vw;
    font-family: Montserrat-Regular;
    // font-family: Montserrat-SemiBold, Montserrat;
    font-weight: 400;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    text-decoration: underline;
    padding-right: 3.2vw;
    color: #4F48E2;
}

.sendDisable {
    /* stylelint-disable-next-line CssSyntaxError */
    font-size: 2.933vw;
    font-family: Montserrat-Light;
    // font-family: Montserrat-SemiBold, Montserrat;
    font-weight: 300;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1;
    padding-right: 3.2vw;
    color: #B1B2BC;
}


@media screen and (min-width:1280px) {
    .page {
        min-width: 188px;
        height: 57.6535px;
        border: 1.2535px solid var(--input-border);



        border-radius: 10.0265px;
    }

    .code {
        padding: 0 20.0535px;
        width: 63%;
        height: 100%;
    }

    .input {
        font-size: 16.2935px;
    }

    .send {
        font-size: 13.75px;
        padding-right: 15.04px;
    }

    .sendDisable {
        /* stylelint-disable-next-line CssSyntaxError */
        font-size: 13.75px;
        padding-right: 15.04px;
    }
}